<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>认证信息</title>
    <link rel="stylesheet" type="text/css" href="__CSS__api.css" />
    <link rel="stylesheet" type="text/css" href="__CSS__aui.css" />
    <link rel="stylesheet" type="text/css" href="__CSS__common.css" />

    <style>
        .aui-bar-nav .aui-iconfont {
            position: relative;
            font-family: "aui_iconfont" !important;
            font-size: 0.75rem;
            color: #333;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            height: 2.4rem;
        }

        .aui-bar-nav {
            background-color: #fff;
        }

        .aui-icon-tu {
            height: 2.4rem;
            width: 49px;
            background: url('__IMG__left.png') no-repeat 0.5rem center;
            background-size: 22px 22px;
        }

        .aui-bar-nav .aui-pull-right {
            padding-right: 0.75rem;
        }

        .aui-bar-nav .aui-title {
            font-size: 0.9rem;
            color: #333333;
            font-weight: 500;
        }
        .warrp{
            width: 100%;
            height: 100%;
            padding: 1rem 0.7rem 0 0.75rem;
            background-color: #fff;
        }
        .tilte{
            font-size:0.85rem;
            color:rgba(51,51,51,1);
            line-height:0.6rem;
        }
        .content{
            width: 100%;
            height: 2.5rem;
            line-height: 2.5rem;
            display: flex;
            justify-content: space-between;
            text-align: center;
        }
        .name{
            font-size:0.75rem;
            color:rgba(153,153,153,1);
        }
        .xinxi{
            font-size:0.75rem;
            color:#333333;
        }
        .tu{
            width: 100%;
            padding: 0.7rem 3.5rem 1rem 4.3rem;
        }


        .activity{
            padding:0.7rem 0.7rem 0.75rem 0.7rem;
            background:#fff;
        }
        .jian{
            padding-bottom:0.7rem;
        }
        .activityImg{
            width:4.825rem;
            height:4.825rem;
            border-radius:0.3rem;
            margin-right:0.8rem;
        }
        .showImg{
            width:100%;
            height:100%;
        }
        .activityContent{
            height:4.825rem;
            position:relative;
        }
        .activityTitle{
            color:#333;
            font-size:0.8rem;
            margin-bottom:0.2rem;
        }
        .box{
            margin-bottom:0.25rem;
            height:0.65rem;
            line-height: 0.65rem;
            display: flex;
            align-items: center;
        }
        .destination,.activityTime{
            color:#999;
            font-size:0.65rem;
        }
        .logo1{
            width:0.65rem;
            height:0.65rem;
            background: url(__IMG__location.png) no-repeat center center;
            background-size:100% 100%;
            margin-right:0.2rem;
        }
        .logo2{
            width:0.65rem;
            height:0.65rem;
            background: url(__IMG__clock.png) no-repeat center center;
            background-size:100% 100%;
            margin-right:0.2rem;
        }
        .report{
            width:100%;
            position:absolute;
            bottom:0;
        }
        .reportDetail{
            width:3rem;
            height:0.95rem;
            line-height:0.95rem;
            font-size:0.5rem;
            color:#CFCECE;
            text-align:center;
            border-radius:3px;
            position:relative;
        }
        .reportDetail:after{
            content: '';
            width: 200%;
            height: 200%;
            position: absolute;
            top:0;
            left:0;
            border: 1px solid #d6e4ed;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scale(.5,.5);
            transform: scale(.5,.5);
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }
        .signUp{
            text-align: right;
            font-size:0.65rem;
            color:#FFBA71;
        }
        .xian{
            width:0.75rem;
            height:0.75rem;
            display:inline-block;
            vertical-align: middle;
        }
        .moreActivity{
            width:100%;
            height:2.7rem;
            line-height: 2.7rem;
            color:#999;
            font-size:0.7rem;
            text-align: center;
        }
        .juli{
            margin-bottom:0.5rem;
        }
    </style>
</head>

<body>
<div class="l_box"  id="loading2"><img src="__IMG__loading.gif" alt="" id="loading"></div>

<header class="aui-bar aui-bar-nav underLine" style="padding-top:25px;position:fixed;top:0;left:0;z-index:10000;" id="header">
    <a class="aui-pull-left" tapmode="active" onclick="history.go(-1)"> <span class="aui-iconfont aui-icon-tu"> </span> </a>
    <div class="aui-title">认证信息</div>
    <a class="aui-pull-right">
        <span class="aui-iconfont" tapmode="active" onclick="right()">重新认证</span>
    </a>
</header>
<div class="warrp" style="margin-top:3.65rem;">
    <div class="tilte">
        基本信息
    </div>
    <div class="content underLine" style="margin-top: 0.2rem;">
        <div class="name">
            姓名
        </div>
        <div class="xinxi" id="xingming">

        </div>
    </div>
    <div class="content underLine" style="margin-top: 0.2rem;">
        <div class="name" >
            身份证号
        </div>
        <div class="xinxi" id="shenfencard">
        </div>
    </div>


    <div class="content underLine" style="margin-top: 0.2rem;">
        <div class="name">
            所属机构
        </div>
        <div class="xinxi" id="jigou">

        </div>
    </div>

    <div class="content" style="margin-top: 0.2rem;">
        <div class="name">
            所在社区
        </div>
        <div class="xinxi" id="shequ">

        </div>
    </div>
</div>


<div class="warrp" style="margin-top:0.5rem">
    <div class="tilte">
        执业信息
    </div>
    <div class="content underLine" style="margin-top: 0.2rem;">
        <div class="name">
            执业医院
        </div>
        <div class="xinxi" id="yiyuan">

        </div>
    </div>


    <div class="content underLine" style="margin-top: 0.2rem;">
        <div class="name">
            所属科室
        </div>
        <div class="xinxi" id="keshi">

        </div>
    </div>

    <div class="content" style="margin-top: 0.2rem;">
        <div class="name">
            职称
        </div>
        <div class="xinxi" id="zhicheng">

        </div>
    </div>
    <div class="content" style="margin-top: 0.2rem;">
        <div class="name">
            职务
        </div>
        <div class="xinxi" id="zhiwu">

        </div>
    </div>
</div>




<div class="warrp" style="margin-top:0.5rem" id="zhengshu">
    <!--<div class="tilte">-->
        <!--执业证书-->
    <!--</div>-->
    <!--<div class="tu">-->
        <!--<img src="__IMG__zhengshu.png" alt="">-->
    <!--</div>-->
    <!--<div class="tu" style="padding-top:0">-->
        <!--<img src="__IMG__zhengshu.png" alt="">-->
    <!--</div>-->
</div>

</div>
<div class="toast-wrap">
    <span class="toast-msg"></span>
</div>
</body>
<script type="text/javascript" src="__JS__api.js"></script>
<script type="text/javascript" src="__JS__tt.js"></script>
<script type="text/javascript" src="__JS__jquery.min.js"></script>
<script type="text/javascript" src="__JS__common.js"></script>
<script type="text/javascript">
function right() {
    window.location.href='{:url("my/zhiyuanzhe_renzheng1")}';
}
 getdata();
// 获取数据
    function getdata() {

        loaddingOpen();
        $.ajax({
            url:'{:url("My/getUserList")}',
            type:'POST',
            dataType:'JSON',
            success: function(data){
                loaddingClose();
                if (data.status==200) {
                    $('#xingming').html(data.data.user_rel_name);
                    $('#shenfencard').html(data.data.user_card);
                    $('#jigou').html(data.data.mechanism_name);
                    $('#shequ').html(data.data.district);
                    $('#yiyuan').html(data.data.hospital);
                    $('#keshi').html(data.data.department);
                    $('#zhicheng').html(data.data.title);
                    $('#zhiwu').html(data.data.post);

                    var html='<div class="tilte">执业证书</div>';
                    for (var i=0;i<data.data.user_business_image.length;i++) {
                        html+='<div class="tu">';
                        html+=' <img src="'+data.data.user_business_image[i]+'" alt="">';
                        html+='</div>';
                    }
                    $('#zhengshu').html(html);
                }else {
                    toast(data.msg);
                }

            },
            error: function(xhr, type){
                loaddingClose();

                toast('无网络或连接超时，请重试！');
                // 即使加载出错，也得重置

            }
        });
    }
</script>

</html>
